<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="keywords" content="泞途 泊客网 技术文章 编程 C++ Web Qt Node.js JavaScript">
  <meta name="description" content="泞途 - 泊客网 ningto.com">
  <title>{% block title %}Blog{% endblock %}</title>
  <link rel="shortcut icon" type="image/ico" href="/favicon.ico">
  <link href="https://cdn.jsdelivr.net/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  <link href="/css/main_layout.css" rel="stylesheet"> {% block subhead %}{% endblock %}
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-108126205-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-108126205-1');
  </script>
</head>

<body>
  <!-- Fixed navbar -->
  <nav id="top-navbar">
      <p>
        <a href="http://ningto.com" style="color:red;">{% if totalhit %}您是第{{ totalhit }}位访问者{% else %}ningto.com{% endif %}</a> | 
        {% block top_navbar_start_menu %}{% endblock %}
        <a href="http://next.ningto.com" style="color:red;" target="_top">新版</a> | 
        <a href="/mdviewer" target="_top">Markdown预览</a> | 
        <a href="/upload.html" target="_top">上传图片</a> | 
        <a href="/react-wchathot" target="_blank">微信文章精选</a> | 
        {% block top_navbar_end_menu %}{% endblock %}
      </p>
      <div class="dropdown">
        <button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">
          {% if user %}{{ user.login}}{% else %}登录{% endif %} <span class="caret"></span>
        </button>
        <ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdownMenu1">
          <li role="presentation">
            {% if user %}
            <a role="menuitem" tabindex="-1" href="/user/signout">登出</a>
            {% else %}
            <a role="menuitem" tabindex="-1" href="/user/githubLogin">Github登录</a>
            {% endif %}
          </li>
          {% if user %}
          <li role="presentation"><a role="menuitem" tabindex="-1" href="/write">写文章</a></li>
            {% if user.login==="tujiaw" %}
            <li role="presentation"><a role="menuitem" tabindex="-1" href="/picture_wall">照片墙</a></li>
            {% endif%}
          {% endif %}
        </ul>
      </div>
    </nav>
 
  <div id="wrapper">
    <!-- Sidebar -->
    <nav class="navbar navbar-inverse navbar-fixed-top" id="sidebar-wrapper" role="navigation">
      <ul class="nav sidebar-nav">
        <div class="profile">
          <a href="/">
            <img class="img-circle" src="" alt="泞途 - 泊客网">
          </a>
          <span>泞途 - 泊客网</span>
          <div class="input-group search-group">
              <input type="text" class="form-control input" placeholder="Search..." aria-label="">
              <span class="glyphicon glyphicon-search" </span>
          </div>
        </div>
        <li><a href="/"><span class="glyphicon glyphicon-home"></span>主页</a></li>
        <li><a href="/about"><span class="glyphicon glyphicon-user"></span>关于</a></li>
        <li><a href="/archives"><span class="glyphicon glyphicon-briefcase"></span>归档</a></li>
        <li><a href="/search"><span class="glyphicon glyphicon-search"></span>搜索</a></li>
        <li><a href="/program"><span class="glyphicon glyphicon-file"></span>小程序</a></li>
        <li><a href="/post/59edecd82be91645212c9981"><span class="glyphicon glyphicon-heart"></span>书签</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-link"></span>链接 <span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li class="dropdown-header">我的链接</li>
            <li><a href="/react-wchathot" target="_blank">微信文章精选</a></li>
            <li><a href="/react-dzdp" target="_blank">模仿大众点评</a></li>
            <li class="dropdown-header">工具</li>
            <li><a href="/mdviewer" target="_blank">Markdown预览</a></li>
            <li><a href="/upload.html" target="_blank">上传图片</a></li>
            <li><a href="http://api.ningto.com" target="_blank">在线工具</a></li>
            <li><a href="/createpostlist" target="_blank">下载文章列表</a></li>
          </ul>
        </li>        
      </ul>
    </nav>
    <!-- /#sidebar-wrapper -->

    <!-- 可折叠导航条 -->
    <nav class="navbar navbar-inverse navbar-fixed-top" id="collapse-sidebar-wrapper">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">ningto.com</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
          <a class="navbar-brand" href="/">泊客网</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="/">主页</a></li>
            <li><a href="/archives">归档</a></li>
            <li><a href="/about">关于</a></li>
            <li><a href="/search">搜索</a></li>
            <li><a href="/program">小程序</a></li>
            <li><a href="/post/59edecd82be91645212c9981">书签</a></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">相关链接 <span class="caret"></span></a>
              <ul class="dropdown-menu">
                <li><a href="/react-wchathot">微信文章精选</a></li>
                <li><a href="/react-dzdp">模仿大众点评</a></li>
                <li role="separator" class="divider"></li>
                <li class="dropdown-header">工具</li>
                <li><a href="/mdviewer">Markdown预览</a></li>
                <li><a href="/upload.html">上传图片</a></li>
                <li><a href="http://api.ningto.com">在线工具</a></li>
                <li><a href="/createpostlist">下载文章列表</a></li>
              </ul>
            </li>
          </ul>
        </div>
        <!--/.nav-collapse -->
      </div>
    </nav>
    <!-- 可折叠导航条 -->

    <!-- Page Content -->
    <div id="page-content-wrapper" class="toggled">
      <div class="content-header">
        <div id="hamburger-wrapper">
          <button type="button" class="hamburger is-open" data-toggle="offcanvas">
                <span class="hamb-top"></span>
                <span class="hamb-middle"></span>
                <span class="hamb-bottom"></span>
              </button>
        </div>
      </div>
      <!-- content-header -->
      <div class="page-content inset">
        <div class="row">
          <div class="col-md-1"></div>
          <div class="col-md-10">
            {% block content %}
            <p>Missing content!</p>
            {% endblock %}
            <footer class="footer">
              <a href="http://www.miitbeian.gov.cn/" target="_blank"><img src="/img/beian_gov_cn.png" alt="" /> 鄂ICP备17003086号. Copyright © 2016. All Rights Reserved.&nbsp;</a>
            </footer>
          </div>
          <div class="col-md-1"></div>
        </div>
      </div>
      <!-- page-content inset -->
    </div>
    <!-- /#page-content-wrapper -->
    <iframe id="chat-frame"></iframe>
    <div class="right-bottom-panel">
      <button type="button" class="back-to-top">
          <span class="glyphicon glyphicon-send" aria-hidden="true"></span> <span id="percent">0%</span>
      </button>
      <span class="glyphicon glyphicon-user"></span> <a id="side-popup" href="javascript:void(0);">聊天</a>
    </div>
  </div>
  <!-- /#wrapper -->
  <script src="https://cdn.jsdelivr.net/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://cdn.jsdelivr.net/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <script src="/js/util.js"></script>
  <script src="/js/main.js"></script>
  {% block extend_script %}{% endblock %}
  <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"http://ningto.com","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"slide":{"type":"slide","bdImg":"0","bdPos":"right","bdTop":"101"}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
</body>
</html>